
Vue.component2('a_1_4_1_1_1', {  
    template: `
<div class="container">
<div class="styled-div" style="height: 300px;top: 215px;margin-left: 1px;z-index: 999;"></div>
<div class="styled-div" style="height: 300px;top: 215px;margin-left: 1px;position: absolute;background: rgb(204 232 248);"></div>
<svg width="210" height="110" style="stroke: rgb(0 173 255);top: 214px;z-index: 2000;position: absolute;">
    <ellipse style="stroke: rgb(0 173 255);"cx="101" cy="51" rx="100" ry="50" stroke="#0078d4" stroke-width="1" fill="none"></ellipse></svg>
<svg width="210" height="110" style="stroke: rgb(0 173 255);top: 314px;z-index: 2000;position: absolute;">
    <ellipse style="stroke: rgb(0 173 255);" cx="101" cy="51" rx="100" ry="50" stroke="#0078d4" stroke-width="1" fill="none"></ellipse></svg>
    <div style="
    position: absolute;
    z-index: 9999;
    font-size: 44px;
    color: #1270f3;
    margin-left: 50;
    top: 333;
">3.3m</div>
<div class="styled-div" style="top: 315px;margin-left: 1px;position: absolute;height: 200px;border-radius: 50% / 25%;background: linear-gradient(to right, rgb(200, 224, 238) 0%, rgb(153, 197, 233) 20%, rgb(95, 145, 205) 40%, rgb(110, 160, 220) 60%, rgb(160, 200, 235) 80%, rgb(200, 224, 238) 100%);"></div>

</div>


`,
data(){
    return{
        show_flag:true,
        data:{
            max_val:200,//最大值
            now_val:100,//当前值
            size:1,//比例
            width:300,
            height:300,
        }
    }
},
watch:{

},
methods:{
}
,
mounted:function(){

}


})
